<!DOCTYPE HTML>
<!--
	Prologue by HTML5 UP
	html5up.net | @n33co
	Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
-->
<html>
	<head>
		<title>Sistem Voting dan Evaluasi Asisten</title>

		<script src="js/jquery.min.js"></script>
		<script src="js/jquery.scrolly.min.js"></script>
		<script src="js/jquery.scrollzer.min.js"></script>
		<script src="js/skel.min.js"></script>
		<script src="js/skel-layers.min.js"></script>
		<script src="js/init.js"></script>
		<!--Bootstrap js-->
		<script src="bootstrap/js/bootstrap.min.js"></script>
		<!--<link rel="stylesheet" href="bootflat/css/bootflat.min.css" />-->
		<!-- Favicon -->
		<link rel="shortcut icon" href="images/favicon.ico">
		<!--Bootstrap -->
		<link rel="stylesheet" href="css/table.css" />
		<noscript>
			<link rel="stylesheet" href="css/skel.css" />
			<link rel="stylesheet" href="css/style.css" />
			<link rel="stylesheet" href="css/style-wide.css" />
		</noscript>
	</head>
	<body>

		<!-- Header -->
			<div id="header" class="skel-layers-fixed">

				<div class="top">

					<!-- Logo -->
						<div id="logo">
							<span class="image avatar48"><img src="images/avatar.jpg" alt="" /></span>
							<h1 id="title">T Joko</h1>
							<p>Admin</p>
							<a href="login.html"><button class="button buttonRed">Logout</button></a>
						</div>

					<!-- Nav -->
						<nav id="nav">
							
							<ul>
								<li><a href="#top" id="top-link" class="skel-layers-ignoreHref"><span class="icon fa-home">Beranda</span></a></li>
								
								<li><a href="#lihat_asisten" id="lihat_asisten-link" class="skel-layers-ignoreHref"><span class="icon fa-users">Lihat Asisten</span></a></li>
								
								<li><a href="#lihat_vote" id="lihat_vote-link" class="skel-layers-ignoreHref"><span class="icon fa-trophy">LIhat Vote</span></a></li>
								
								<li><a href="#tukar_jadwal" id="tukar_jadwal-link" class="skel-layers-ignoreHref"><span class="icon fa-cog">Tukar Jadwal</span></a></li>
								
								<li><a href="#tambah_jadwal" id="tambah_jadwal-link" class="skel-layers-ignoreHref"><span class="icon fa-cog">Tambah Jadwal</span></a></li>

								<li><a href="#about" id="about-link" class="skel-layers-ignoreHref"><span class="icon fa-info">About</span></a></li>

							</ul>
						</nav>
						
				</div>
				<div class="bottom">

					<!-- Social Icons -->
						<ul class="sivea">
							<p>Sivea 3.1</p>
						</ul>
				
				</div>
			
			</div>

		<!-- Main -->
			<div id="main">

				<!-- Intro -->
					<section id="top" class="one dark cover">
						<div class="container">

							<header>
								<h2 class="alt"><strong>BERANDA</strong><br /></h2>
								<h3>(SIVEA) Sistem Voting dan Evaluasi Asisten</h3>
								<h4>Version 3.1</h4>
								<p>Isi terlebih dahulu data Praktikum pada menu <a href="#lihat_konfigurasi" class="scrolly">Lihat Konfigurasi</a><br />
								 setelah selesai vote harap menyelesaikan sesi vote dengan menekan tombol <strong>Selesai</strong></p>
							</header>
							
							<footer>
								<a href="#lihat_asisten" class="scrolly">
								<span class="icon fa-arrow-circle-down fa-3x"></span>
								</a>
							</footer>

						</div>
					</section>
					
				<!-- Portfolio -->
					<section id="lihat_asisten" class="two">
						<div class="container">
					
							<header>
								<h2>Lihat Asisten</h2>
							</header>
							
							<p>Berikut adalah daftar asisten yang ada</p>
						
							<div class="row">
								<div class="3u">
									<article class="item">
										<a href="#" class="image fit"><img src="images/12.11.6554.jpg" alt="Adji" /></a>
										<header>
											<h3>Adji Sukmana</h3>
											<h3>12.11.6554</h3>

										</header>
									</article>
								</div>
								<div class="3u">
									<article class="item">
										<a href="#" class="image fit"><img src="images/12.11.6589.jpg" alt="Abas" /></a>
										<header>
											<h3>A Mustamid Abas</h3>
											<h3>12.11.6589</h3>
										</header>
									</article>
								</div>
								<div class="3u">
									<article class="item">
										<a href="#" class="image fit"><img src="images/12.11.6536.jpg" alt="Wuri" /></a>
										<header>
											<h3>Wuri Werdiningrum</h3>
											<h3>12.11.6536</h3>
										</header>
									</article>
								</div>
								<div class="3u">
									<article class="item">
										<a href="#" class="image fit"><img src="images/12.11.6536.jpg" alt="Wuri" /></a>
										<header>
											<h3>Wuri Werdiningrum</h3>
											<h3>12.11.6536</h3>
										</header>
									</article>
								</div>
							</div>

						</div>
					</section>

				<!-- About Me -->
					<section id="lihat_vote" class="three">
						<div class="container">

							<header>
								<h2>Lihat Vote</h2>
							</header>
							<p>Hasil Vote Sementara</p>
							<button class="button buttonGreen"><a href="#">Download</a></button>
							
							<table class="table table-stripped table-bordered">
								<tr>
									<td>No</td>
									<td>Ip Voter</td>
									<td>Asisten</td>
									<td>Nilai</td>
									<td>Mata Kuliah</td>
									<td>Kelas</td>
									<td>Keterangan</td>
								</tr>

								<tr>
									<td>Baris 1 Kolom 1</td>
									<td>Baris 1 Kolom 2</td>
									<td>Baris 1 Kolom 3</td>
									<td>Baris 1 Kolom 4</td>
									<td>Baris 1 Kolom 5</td>
									<td>Baris 1 Kolom 6</td>
									<td>Baris 1 Kolom 7</td>
								</tr>
								<tr>
									<td>Baris 2 Kolom 1</td>
									<td>Baris 2 Kolom 2</td>
									<td>Baris 2 Kolom 3</td>
									<td>Baris 2 Kolom 4</td>
									<td>Baris 2 Kolom 5</td>
									<td>Baris 2 Kolom 6</td>
									<td>Baris 2 Kolom 7</td>
								</tr>
								
							</table>

							<nav>
							  <ul class="pagination">
							    <li><a href="#"><span aria-hidden="true">&laquo;</span><span class="sr-only">Previous</span></a></li>
							    <li><a href="#">1</a></li>
							    <li><a href="#">2</a></li>
							    <li><a href="#">3</a></li>
							    <li><a href="#">4</a></li>
							    <li><a href="#">5</a></li>
							    <li><a href="#"><span aria-hidden="true">&raquo;</span><span class="sr-only">Next</span></a></li>
							  </ul>
							</nav>

						</div>
					</section>
			
				<!-- Tukar Jadwal Gan -->
					<section id="tukar_jadwal" class="four">
						<div class="container">

							<header>
								<h2>Tukar Jadwal</h2>
							</header>

							<p>Tempat untuk Setting Setting gan</p>

							<form method="post" action="#">
								<div class="row">
									<div class="12u">
									Nim Awal<select id="pilih_nim">
											<option value="nim1">11.11.1111</option>
											<option value="nim2">11.11.1112</option>
											<option value="nim3">11.11.1113</option>
										</select>
									</div>
								</div>
								
								<div class="row">
									<div class="12u">
									Nim Tujuan<select id="pilih_nim">
											<option value="nim1">11.11.1111</option>
											<option value="nim2">11.11.1112</option>
											<option value="nim3">11.11.1113</option>
										</select>
									</div>
								</div>
								
								<div class="row">
									<div class="12u">
									Hari<select id="pilih_hari">
											<option value="Senin">Senin</option>
											<option value="Selasa">Selasa</option>
											<option value="dst">dst</option>
										</select>
									</div>
								</div>
								
								<div class="row">
									<div class="12u">
									Sesi<select id="pilih_sesi">
											<option value="1">07:00:00-08:40:00</option>
											<option value="2">08:50:00-10:30:00</option>
											<option value="3">10:40:00-12:20:00</option>
										</select>
									</div>
								</div>

								<div class="row">
									<div class="12u">
										<input type="submit" value="Simpan" />
									</div>
								</div>
							</form>

						</div>
					</section>
			
				<!-- Tambah Jadwal Gan -->
					<section id="tambah_jadwal" class="four">
						<div class="container">

							<header>
								<h2>Tambah Jadwal</h2>
							</header>

							<p>Tempat untuk Setting Setting gan</p>

							<form method="post" action="#">
								<div class="row">
									<div class="12u">
									Hari<select id="pilih_hari">
											<option value="Senin">Senin</option>
											<option value="Selasa">Selasa</option>
											<option value="dst">dst</option>
										</select>
									</div>
								</div>
								<div class="row">
									<div class="12u">
									Sesi<select id="pilih_sesi">
											<option value="1">07:00:00-08:40:00</option>
											<option value="2">08:50:00-10:30:00</option>
											<option value="3">10:40:00-12:20:00</option>
										</select>
									</div>
								</div>
								<div class="row">
									<div class="12u">
									Lab<select id="pilih_kelas">
											<option value="1">Lab 1</option>
											<option value="2">Lab 2</option>
											<option value="3">Lab 3</option>
										</select>
									</div>
								</div>
								
								<form method="post" action="#">
								<div class="row">
									<div class="12u">
									Nim 1<select id="pilih_nim">
											<option value="nim1">11.11.1111</option>
											<option value="nim2">11.11.1112</option>
											<option value="nim3">11.11.1113</option>
										</select>
									</div>
								</div>
								
								<form method="post" action="#">
								<div class="row">
									<div class="12u">
									Nim 2<select id="pilih_nim">
											<option value="nim1">11.11.1111</option>
											<option value="nim2">11.11.1112</option>
											<option value="nim3">11.11.1113</option>
										</select>
									</div>
								</div>
								
								<form method="post" action="#">
								<div class="row">
									<div class="12u">
									Nim 3<select id="pilih_nim">
											<option value="nim1">11.11.1111</option>
											<option value="nim2">11.11.1112</option>
											<option value="nim3">11.11.1113</option>
										</select>
									</div>
								</div>
								
								<form method="post" action="#">
								<div class="row">
									<div class="12u">
									Nim 4<select id="pilih_nim">
											<option value="nim1">11.11.1111</option>
											<option value="nim2">11.11.1112</option>
											<option value="nim3">11.11.1113</option>
										</select>
									</div>
								</div>

								<div class="row">
									<div class="12u">
										<input type="submit" value="Simpan" />
									</div>
								</div>
							</form>

						</div>
					</section>


				<!-- About Me -->
					<section id="about" class="five">
						<div class="container">

							<header>
								<h2>About</h2>
							</header>

							<a href="#" class="image featured"><img src="images/pic08.jpg" alt="" /></a>
							
							<p>Sivea adalah Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
							tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
							quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
							consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse
							cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non
							proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>

						</div>
					</section>

			</div>
		<!-- Footer -->
			<div id="footer">
				
				<!-- Copyright -->
					<ul class="copyright">
						<li>&copy; Sivea. All rights reserved.</li><li>Developed by: <a href="http://forumasisten.org">Forum Asisten</a></li>
					</ul>
				
			</div>
			<script type="text/javascript">
					$(document).ready(function() {
					    $('#example').dataTable( {
					        "scrollY":        "200px",
					        "scrollCollapse": true,
					        "paging":         false
					    } );
					} );
			</script>
	</body>
</html>